<template>
  <div class="pj">
     <header>
        <a @click="back">
            <van-icon name="arrow-left" size="0.32rem" color="#999999"/>
        </a>
        <span>服务评价</span>
    </header>
    <div class="nav">
        <p>全部</p>
        <p>热门</p>
        <p>最新</p>
        <p>追加</p>
    </div>
    <div class="main">
        <a class="userpj">
            <div class="left">
                <span><img src="" alt=""></span>
            </div>
                <div class="right">
                    <h1>1234****4453</h1>
                    <p>2021/11/11 <b>在线咨询</b></p>
                    <span>律师专业，哈哈哈哈哈哈哈</span>
                    <div class="lawyer">
                        <img src="" alt="">
                        <h1>赵律师</h1>
                        <p>2021/11/11</p>
                        <span>感谢认可！</span>
                    </div>
                </div>
        </a>
    </div>
  </div>
</template>

<script>
export default {
    methods:{
    back() {
        // 返回
        this.$router.push("/home/index/lawyer")
      },
  }
}
</script>

<style scoped>
    .pj{         
      padding: 0 .4rem;
    }
    header{
      display: flex;
      justify-content: space-around;
      margin:.4rem 0;
    }
    header span{
      flex: 1;
      text-align: center;
    }
    .nav{
        display: flex;
        justify-content: space-around;
    }
    .nav p{
        font-size: .26rem;
        background-color:#999999;
        text-align: center;
        width: 1.5rem;
        border: none;
        border-radius: 5%;
    }
    /* 评价 */
    .main{
        margin-top: .5rem;
        display: flex;
        flex-direction: column;
    }
    .main .userpj{
        display: flex;
        justify-content: space-around;
        height: 4rem;
        width: 100%;
        position: relative;
    }
    .userpj .left{
        width: 1rem;
        height: 4rem;
    }
    .userpj .left img{    
        width:.7rem;
        height: .7rem;
    }
    .userpj .left span{
        display: block;
        width:.7rem;
        height: .7rem;
        border-radius: .7rem;
        overflow: hidden;
    }
    .userpj .right{
       flex: 1;
    }
    .right span{
        font-size: .23rem;
    }
    .right h1{
        font-size: .23rem;
    }
    .right p{
        font-size: .2rem;
    }
    .lawyer{
        margin-top:.2rem;
    }
    .right .lawyer img{
        width: .5rem;
        height: .5rem;
        float: left;
    }
    .right .lawyer span{
        margin-left: .5rem;
        font-size: .23rem;
    }
</style>